WHAT - 什麼是UI統整頁

簡單來說把你的切版元件全部統整在同一頁

WHY - 為什麼需要UI統整頁？

好處1. 更快速的知道這個網站的所有元件

不知道大家有沒有拼過像這樣的積木

拼這樣的積木的時候，都會有一張拼的說明書，前面會告訴你有哪些種類的積木（可能有黃的x3 藍的x10之類的）
總之會先告訴你有多少種類的積木，之後你在拼的時候就可以更快的照到對應種類的積木。

UI統整頁有點像開始拼績目前的種類介紹說明，告訴你這個網站裡現在有這些種類的元件，
你要用這些元件湊出整個網站的鎖又頁面

好處2. 更容易維護所有頁面

把所有UI元件放在同一頁還有一個很大的好處，
就是如果你後續因為接到一個新需求，要調整或改變原本的元件，
你可以改完之後回到UI統整頁看看，是不是一切安好～
因為所有UI都在同一頁了，理論上要壞在同一頁就看得出來了，而不是要一頁頁的去檢查是否有哪一頁出了問題

好處3. 多人合作的情況下，更有效率

多人一起切一個專案，最笨的方式就是只用頁面區分，大家各切各的（雖然是最快的分法）
你個頁面有按鈕你切一個，我的頁面有按鈕我切一個我的，不僅浪費開發時間也浪費維護時間（到時候要改要改兩種)
如果你和其他人一起合作，要怎麼知道別人做了哪些？除了口頭說紙本紀錄？還有沒有更方便的方法？
UI統整頁就是你要的～
UI統整頁會有所有切過的元件，合作的彼此從這個頁面中可以看到哪些元件已經被開發，可直接拿來使用；
後續如果有新人加入這個專案，也可以透過這個頁面快速的知道目前已經切好哪些版，而不是一頁頁的去點來看喔

雖然UI統整頁有這麼多好處，但還是需要案型決定是否需要喔
一般適用的開發專案是需長期維護、並且整體網站設計有高重覆性元件的網站 Eg. 金融業官網、EC購物網站等等
如果是項活動頁這種，兩個月就下架的網站，重覆的元件又較少就比較不需要

知道了UI統整頁的好處跟適用～
明天我們來實際看看UI統整頁是怎麼做的吧！